@media screen and (min-width: 768px){
    .box {
        display: flex;
        flex-wrap:nowrap;
        height: 90vh;
    }
    
    .video {
        flex: 8;
    }
    
    .list {
        flex: 2;
        overflow-y: scroll;
    }
}
@media screen and (max-width: 768px){
    .video {
        height: 30vh;
    }
    
    .list {
        height: 60vh;
        overflow-y: scroll;
    }
}
.li {
    cursor: pointer;
    margin-bottom: 10px;
}

.li:hover {
    color:dodgerblue;
}

.active {
    background-color: dodgerblue;
    color: white;
}